<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>项目列表</title>
    <link type="text/css" rel="stylesheet" href="css/Public/Public.css">
    <link type="text/css" rel="stylesheet" href="css/items.css">
    <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="js/flexible.js"></script>
    <link type="text/css" rel="stylesheet" href="css/Font-Awesome-master/css/font-awesome.css">
</head>
<body>
    <div class="header">项目列表</div>
<header>
    <div class="header-i">
        <span class="active-i">
            <a href="javascript:;" target="_blank" class="">定期理财</a>
        </span>
        <span class="">
            <a href="javascript:;" target="_blank" class="">预约理财</a>
        </span>
        <span class="">
            <a href="javascript:;" target="_blank" class="">债券市场</a>
        </span>
    </div>
<div class="tab-inner">
<div>
<div class="background-one"></div>
<section>
    <div class="section-icon">
        <img src="./img/manage-money-matters/0理财_27.gif">
        <span>建筑工程企业补充流动资金借款</span>
    </div>
    <div class="div-section">
        <div class="section-one">
            <ul class="i-for">
                <li class="i-for-one">11%+2%</li>
                <li class="i-for-two">8个月</li>
                <li class="i-for-sheer">可投6 0万</li>
            </ul>
            <div class="f-for">
                <div class="progress-bar" style="width: 10%; background:rgb(240,77,96)"></div>
            </div>
            <ul class="e-for">
                <li>承保</li>
                <li>保障金</li>
                <li class="ce-for">担保</li>
                <li class="ce-for">抵押</li>
            </ul>
        </div>
        <div class="j-for">
            <button>我要投资</button>
        </div>
    </div>
</section>
<div class="background"></div>
    <section>
        <div class="section-icon">
            <img src="./img/manage-money-matters/0理财_30.gif">
            <span>建材经营企业新增订单借款</span>
        </div>
        <div class="div-section">
            <div class="section-one">
                <ul class="i-for">
                    <li class="i-for-one">8%+1%</li>
                    <li class="i-for-two">2个月</li>
                    <li class="i-for-sheer">可投100万</li>
                </ul>
                <div class="f-for">
                    <div class="progress-bar" style="width: 30%; background:rgb(240,77,96)"></div>
                </div>
                <ul class="e-for">
                    <li>承保</li>
                    <li>保障金</li>
                    <li class="ce-for">担保</li>
                    <li class="ce-for">抵押</li>
                </ul>
            </div>
            <div class="j-for">
                <button>我要投资</button>
            </div>
        </div>
    </section>
    <div class="background"></div>
    <section>
        <div class="section-icon">
            <img src="./img/manage-money-matters/0理财_27.gif">
            <span>电子科技企业补充流动资金借款</span>
        </div>
        <div class="div-section">
            <div class="section-one">
                <ul class="i-for">
                    <li class="i-for-one">12%+3%</li>
                    <li class="i-for-two">12个月</li>
                    <li class="i-for-sheer">可投200万</li>
                </ul>
                <div class="f-for">
                    <div class="progress-bar" style="width: 60%; background:rgb(240,77,96)"></div>
                </div>
                <ul class="e-for">
                    <li>承保</li>
                    <li>保障金</li>
                    <li class="ce-for">担保</li>
                    <li class="ce-for">抵押</li>
                </ul>
            </div>
            <div class="j-for">
                <button>我要投资</button>
            </div>
        </div>
    </section>
    <div class="background"></div>
    <section>
        <div class="section-icon">
            <img src="./img/manage-money-matters/0理财_30.gif">
            <span>办公用品销售企业新增订单借款</span>
        </div>
        <div class="div-section">
            <div class="section-one">
                <ul class="i-for">
                    <li class="i-for-one">6%+6%</li>
                    <li class="i-for-two">1个月</li>
                    <li class="i-for-sheer">可投8 0万</li>
                </ul>
                <div class="f-for">
                    <div class="progress-bar" style="width: 50%; background:rgb(240,77,96)"></div>
                </div>
                <ul class="e-for">
                    <li>承保</li>
                    <li>保障金</li>
                    <li class="ce-for">担保</li>
                    <li class="ce-for">抵押</li>
                </ul>
            </div>
            <div class="j-for">
                <button>我要投资</button>
            </div>
        </div>
    </section>
    <div class="background-one"></div>
    <section>
        <div class="section-icon">
            <img src="./img/manage-money-matters/0理财_27.gif">
            <span>个人经营性贷款</span>
        </div>
        <div class="div-section">
            <div class="section-one">
                <ul class="i-for">
                    <li class="i-for-one">6%+2%</li>
                    <li class="i-for-two">1个月</li>
                    <li class="i-for-sheer">可投100万</li>
                </ul>
                <div class="f-for">
                    <div class="progress-bar" style="width: 40%; background:rgb(240,77,96)"></div>
                </div>
                <ul class="e-for">
                    <li>承保</li>
                    <li>保障金</li>
                    <li class="ce-for">担保</li>
                    <li class="ce-for">抵押</li>
                </ul>
            </div>
            <div class="j-for">
                <button>我要投资</button>
            </div>
        </div>
    </section>
    </div>
    <div style="display: none">
        <div class="background-one"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_27.gif">
                <span>大型贸易企业新增订单借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+2%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投100万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 40%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for">
                    <button>我要投资</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_27.gif">
                <span>大型贸易企业新增订单借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 100%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for-i">
                    <button>正在收益</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_30.gif">
                <span>矿石贸易企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 100%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for-i">
                    <button>正在收益</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_27.gif">
                <span>化工企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 100%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for-i">
                    <button>正在收益</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_27.gif">
                <span>化工企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 100%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for-i">
                    <button>正在收益</button>
                </div>
            </div>
        </section>
    </div>
    <div style="display: none">
        <div class="i-col">
            <ul>
                <li>默认</li>
                <li>利率<i class="fa fa-angle-up" aria-hidden="true"></i></li>
                <li>期限<i class="fa fa-angle-down" aria-hidden="true"></i></li>
            </ul>
        </div>
        <div class="background-one"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_27.gif">
                <span>文化科技企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 50%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for">
                    <button>立即认购</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_27.gif">
                <span>文化科技企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 30%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for">
                    <button>立即认购</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_30.gif">
                <span>文化科技企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 40%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for">
                    <button>立即认购</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_27.gif">
                <span>文化科技企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 80%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for">
                    <button>立即认购</button>
                </div>
            </div>
        </section>
        <div class="background"></div>
        <section>
            <div class="section-icon">
                <img src="./img/manage-money-matters/0理财_30.gif">
                <span>文化科技企业补充流动资金借款</span>
            </div>
            <div class="div-section">
                <div class="section-one">
                    <ul class="i-for">
                        <li class="i-for-one">6%+6%</li>
                        <li class="i-for-two">1个月</li>
                        <li class="i-for-sheer">可投9 0万</li>
                    </ul>
                    <div class="f-for">
                        <div class="progress-bar" style="width: 40%; background:rgb(240,77,96)"></div>
                    </div>
                    <ul class="e-for">
                        <li>承保</li>
                        <li>保障金</li>
                        <li class="ce-for">担保</li>
                        <li class="ce-for">抵押</li>
                    </ul>
                </div>
                <div class="j-for">
                    <button>立即认购</button>
                </div>
            </div>
        </section>
    </div>
</div>
</header>
<footer>
    <ul>
        <li>
            <a href="manage-money-matters.html">
                <img src="./img/items/1项目_03.gif" alt="">
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="items.html">
                <img src="./img/items/1项目_05.gif" alt="">
                <p>项目</p>
            </a>
        </li>
        <li>
            <a href="my.html">
                <img src="./img/manage-money-matters/0理财_36.gif" alt="">
                <p>我的</p>
            </a>
        </li>
        <li>
            <a href="more.html">
                <img src="./img/manage-money-matters/0理财_42.gif" alt="">
                <p>更多</p>
            </a>
        </li>
    </ul>
</footer>

<script>
    $(function(){
        $('header span').hover(function(){
            $(this).addClass('active-i').siblings().removeClass('active-i');
            $('.tab-inner>div:eq('+$(this).index()+')').show().siblings().hide();
        })
    });
    </script>
</body>
</html>